<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Title</title>
	</head>

	<body>

		<form id="myFom" action="http://192.168.1.118:81/cityBuilds/index.php/Admin/Test/projectUploadOne" method="POST" enctype="multipart/form-data">
			<input type="file" name="file" id="file" />
			
			<input type="submit" value="提交">

		</form>
		<button>sadfsadfasfd</button>
		<script src="jquery-1.10.2.js"></script>
		<script src="jquery.form.js"></script>
		<script>
//			header('Content-Type: text/html;charset:utf-8;');
//			var options = {
//				url: 'http://192.168.1.118:81/cityBuilds/index.php/Admin/Test/projectUploadOne', //form提交数据的地址
//				type: 'post', //form提交的方式(method:post/get)
////				target: target, //服务器返回的响应数据显示在元素(Id)号确定
//				beforeSubmit: function(){
//					alert('1')
//				}, //提交前执行的回调函数
//				success: function(res){
//					console.log(res)
//				}, //提交成功后执行的回调函数
//				dataType: null, //服务器返回数据类型
//				clearForm: true, //提交成功后是否清空表单中的字段值
//				restForm: true, //提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态
//				timeout: 6000 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)。
//			}
//			$("#myFom").ajaxForm(options);

						
						$(function() {
							//方式二 与方式一效果一样
							$("#myFom").submit(function() {
								// 使用ajaxSubmit
								$(this).ajaxSubmit(function(res) {
									console.log(res)
								});
								return false;
							})
						})

			//			var options = {
			//				target: '#output1', // 把服务器返回的内容放入id为output1的元素中
			//				//				beforeSubmit: fun1, // 提交前的回调函数
			//				success: fun2, // 提交后的回调函数
			//				dataType: 'text/html' // 接收服务端返回的类型 xml,scrpit,json
			//			};
			//			//
			//			//			// beforeSubmit前可以作验证
			//			//			function fun1(formData, jqForm, options) {
			//			//				// formData 提交值的数组对象
			//			//				// jqForm 表单元素的jQuery对象，jqForm[0]是其dom对象
			//			//				// 该函数如果返回false，则阻止表单提交
			//			//
			//			//				// formData可以判断全部不为空的情况
			//			//				for(var i = 0; i < formData.length; i++) {
			//			//					if(!formData[i].value) {
			//			//						alert("都不能为空");
			//			//						return false;
			//			//					}
			//			//				}
			//			//				
			//			//				// jqForm可以判断某个不为空的情况
			//			//				var form = jqForm[0];
			//			//				console.log(form.name)
			//			//				if(!form.name.value) {
			//			//					alert("name不能为空");
			//			////					return false;
			//			//				}
			//			//
			//			//				// fieldValue()可以获取多值的数组形式，如checkbox
			//			//				var value = $('input[name=file]').fieldValue();
			//			//				if(!value[0]) {
			//			//					return false;
			//			//				}
			//			//			}
			//			//
			//			function fun2(responseText, statusText) {
			//				// 根据dataType不同responseText解析方式不同，
			//				// 默认  responseText
			//				// xml  responseXml以xml解析
			//				// json  responseJson
			//				console.log(responseText)
			//				console.log(responseText.code)
			//				console.log(responseText.url)
			//			}
			//			//
			////			$(function() {
			////				//方式二 与方式一效果一样
			////				$("#myForm").ajaxForm(options); // 要想使options生效，需要作为参数传递
			////			})
		</script>

		</script>
	</body>

</html>